<template>
  <div id="container">
    <div style="padding-top: 60px">
      <h1 class="title">{{title}}</h1>
    </div>
    <div class="middle-container">
      <template v-for="(item,index) in askData">
        <span v-bind:key="index" class="rt-container">
          <p class="rt-title">
            {{item.title}}
          </p>
          <span class="rt-intro">
            {{item.intro}}
          </span>

        </span>
      </template>

    </div>

    <ActionButtons></ActionButtons>
  </div>
</template>
<script>
import ActionButtons from "./ActionButtons";
export default {
  name: "Ques",
  components: {ActionButtons},
  data() {
    return {
      title: "您有疑问？让专业人士给出权威答案",
      askData: [
        {
          title: "光合创造是谁?",
          intro:
            "我们提供产品从设计、研发、生产供货，到营销、渠道、资本和孵化全产业链服务，提供围绕产品落地为核心的供应链管理服务。"
        },
        {
          title: "设计周期通常需要多长时间？",
          intro:
            "洛客研发供应链隶属于洛客，供应链致力于提供围绕产品落地为核心的供应链管理服务，洛客是聚合海量设计师和创造者用户的共享设计平台。"
        },

        {
          title: "做完设计怎么找到合适的工厂？",
          intro:
            "洛客研发供应链属于洛客，洛客属于洛可可创新设计集团，我们也是洛可可创新设计集团的子公司。"
        },
        {
          title: "我们的艺术家的合作方式？",
          intro:
            "点击屏幕上方的发布任务按钮自助发布完善的需求，或者可以直接电话咨询，让我们的客户经理帮您搞定问题。"
        },
        {
          title: "光合创造的大概设计费用是多少?",
          intro:
            "我们从产品的外观、结构、工艺等进行评审，帮助产品优化改良，并对项目周期进行把控，为产品挑选合适的供应商资源等方面进行成本控制。"
        },
        {
          title: "我想给我的产品投奖怎么办？",
          intro:
            "我们有一套完整的ISO质量管理体系，严格遵循质量管理体系的流程，并对产品生产的各个节点进行严格的质量管理，在设计评审阶段，设计阶段，研发阶段一直到产品出货，品质人员将全程参与。"
        },
        {
          title: "光合创造和公告公司的区别?",
          intro: "可以，我们会根据您项目的需求定制专属服务。"
        },
        {
          title: "如果设计师的方案不满意怎么办?",
          intro:
            "我们有100名跨专业高级工程师团队，他们深耕于生产制造领域十多年，有着丰富的项目和管理经验，从多个维度来保证项目质量和周期。"
        },
        {
          title: "怎么才能让我的产品参与光合的展览和活动?",
          intro:
            "我们的产品领域涉及12大行业，智能硬件、智能家居、智能穿戴、机器人、智能出行、健康医疗、工业设备、机电器械、文化衍生品、快消品包装、航天军工、生活美学。"
        },
        {
          title: "线上设计是否可靠?",
          intro:
            "平台积累3000+细分行业供应商，每一家供应商都经过实地考察，确保合适、有效、快速。"
        },
        {
          title: "如果产品设计方案不能落地转化怎么办?",
          intro: "项目技术咨询；可行性评估；供应商资源匹配。"
        },
        {
          title: "我想给我的产品找销售渠道怎么做?",
          intro:
            "我们有5000+合作供应商，保证为产品快速匹配到合适的优质供应商资源。"
        },
        {
          title: "如何找到合适的设计/艺术家?",
          intro:
            "我们为您提供采购，生产备货，销售中的应收账款的金融融资服务，解决您的后顾之忧。"
        },
        {
          title: "怎样才能发布一个设计需求?",
          intro:
            "我们提供产品从设计、研发、生产供货，到营销、渠道、资本和孵化全产业链服务，提供围绕产品落地为核心的供应链管理服务。"
        },
        {
          title: "平台有哪些免费服务 ?",
          intro:
              "我们提供产品从设计、研发、生产供货，到营销、渠道、资本和孵化全产业链服务，提供围绕产品落地为核心的供应链管理服务。"
        }
      ]
    };
  }
};
</script>

<style scoped>
#container {
  width: 100%;
  background-color: #ffffff;
}

.title {
  font-size: 44px;
  color: #1e1e1e;
  margin-bottom: 60px;
  text-align: center;
  font-weight: 400;
}

.middle-container {
  display: flex;
  width: 70%;
  flex-direction: row;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 60px;
}

.rt-container {
  flex: 0 0 30%;
}
.rt-title {
  font-size: 14px;
  color: #1e1e1e;
  line-height: 50px;
  text-align: left;
  padding: 0;
  margin: 0;
}
.rt-title:hover {
  color: #108beee6;
  cursor: pointer;
}

.rt-container:hover .rt-intro {
  display: inline;
}

.rt-intro {
  top: 0;
  font-size: 12px;
  color: #666;
  display: none;
  width: 0;
  line-height: 14px;
  text-align: left;
}
</style>